
import { message, Tag, Drawer, Col, Row, Divider } from 'antd';
import { useEffect, useState } from 'react';

const Drawers: React.FC = () => {

  const [open, setOpen] = useState(false);

  

  useEffect(() => {
    
    setOpen(true);
  })

  const onClose = () => {
    setOpen(false);
  };

  return (
    <Drawer title="Basic Drawer" placement="right" onClose={onClose} open={open}>
        <p>Some contents...</p>
        <p>Some contents...</p>
        <p>Some contents...</p>
      </Drawer>
  );
};

export default Drawers;
